<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
<head>
<link href="./css/modern.css" rel="stylesheet"> 
<link href="./css/style-prof-portal.css" rel="stylesheet" type="text/css">
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
</head>
<%
	String firstname = (String) request.getAttribute("firstname");
	String lastname = (String) request.getAttribute("lastname");
	String courseNumber = (String) request.getAttribute("courseNumber");
	String sectionNumber = (String) request.getAttribute("sectionNumber");
%>
<body>
<div id="container">
	<div id="header"><br>
		<h1 id="main-title"><b><font color = "000000">EECE Student Group Assessments</b></font></h1>
		<h2>Welcome to <%=courseNumber%> Section <%=sectionNumber%> TA Duties <%=firstname%> <%=lastname%>! 
			<a href="index.html">
			<p align="right"><font size = "5">Logout</font></p>
			</a>
		</h2>		
	</div>
    <div id="body" class="page-region-content tiles">
            <form id=form method="get" action="ProfTADutyServlet" >
             	<a href = "javascript:;" onclick="document.getElementById('form').submit();" class="back-button big page-back">
             		<input type = "hidden" name = "firstname" value = <%=firstname%>>
					<input type = "hidden" name = "lastname" value = <%=lastname%>>	
					<input type = "hidden" name = "courseNumber" value = "<%=courseNumber%>">
					<input type = "hidden" name = "sectionNumber" value = <%=sectionNumber%>>	
             	</a>
            </form>
        	<div id="innerBody" class="page-region-content tiles">
		<h1><%=courseNumber%> <%=sectionNumber%> TA Duties</h1><br>
<table cellspacing="0" cellpadding="0" border="0" width="325" class="striped" border=1>
  <tr>
    <td>
       <table cellspacing="0" cellpadding="1" border="0" width="300"class="striped" border=1 >
         <tr>
            <th>TA Duty List</th>
         </tr>
       </table>
    </td>
  </tr>
  <tr>
    <td>
       <div style="100%; height:500px; width: 1000px; overflow:auto;">
         <table class="fixed" cellspacing="0" cellpadding="1" border="0" width="300" class="striped" border=1>
           <tr>
           		<td><b>TAID</b></td>
          	    <td><b>COGS</b></td>
				<td><b>Division</b></td>
				<td><b>Group Number</b></td>
				<td><b>Student ID</b></td>
				<td><b>Question</b></td>
				<td><b>Start Time</b></td>
				<td><b>End Time</b></td>
				<td><b>Room</b></td>
           </tr>
           <c:forEach items="${TADutyInfo}" var="Info">
           <tr>
           		<td><c:out value="${Info.TAID}" /></td>
           		<td><c:out value="${Info.COGSName}" /></td>
				<td><c:out value="${Info.division}" /></td>
				<td><c:out value="${Info.groupnumber}" /></td>
				<td><c:out value="${Info.studentID}" /></td>
				<td><c:out value="${Info.question}" /></td>
				<td><c:out value="${Info.starttime}" /></td>
				<td><c:out value="${Info.endtime}" /></td>
				<td><c:out value="${Info.rooM}" /></td>
           </tr>
           </c:forEach>
         </table>  
       </div>
    </td>
  </tr>
</table>

</div>
	</div>
	<div id="footer">
			&copy;UBC Electrical and Computer Engineering. Styled with <a
				href="http://metroui.org.ua">Metro UI CSS</a>
		</div>
</div>
</body>
</html>